<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单管理</title>
    <link rel="stylesheet" href="../../layui/layui.css">
    <link rel="stylesheet" href="orderManage.css">
    <link rel="stylesheet" href="../../index.css">
</head>

<body class="iframchild">
    <div class="common">
        <div id="box" style="display:inline-block">
            <input type="text" placeholder="请输入您要搜索的内容" id="input">
            <div id="search">搜索</div>
        </div>
        <div class="cb">
            <div class="fl">
                <div class="layui-form" wid100="">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">活动日期</label>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="test-laydate-start" placeholder="开始日期" lay-key="1" type="text">
                            </div>
                            <div class="layui-form-mid">
                                -
                            </div>
                            <div class="layui-input-inline">
                                <input class="layui-input" id="test-laydate-end" placeholder="结束日期" lay-key="2" type="text">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fl" style="display:inline-block;">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <select name="city" lay-verify="required">
                                <option value=""></option>
                                <option value="0">已结算</option>
                                <option value="1">未结算</option>
                                <option value="2">已失效</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="fl" style="display:inline-block;">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <select name="city" lay-verify="required">
                                <option value=""></option>
                                <option value="0">淘宝</option>
                                <option value="1">京东</option>
                                <option value="2">拼多多</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <button class="layui-btn fl" style="margin-left: 20px">查询</button>
            <button class="layui-btn fl" style="margin-left: 20px">下载订单</button>
        </div>
        <table class="layui-table">
            <thead>
                <tr>
                    <th class="tab-20">
                        商品标题
                    </th>
                    <th>
                        订单编号
                    </th>
                    <th class="tab-8">
                        佣金
                    </th>
                    <th class="orderdetail tab-5">
                        订单状态
                    </th>

                    <th class="orderdetail tab-5">

                        昵称
                    </th>
                    <th class="orderdetail tab-5">
                        微信号
                    </th>
                    <th class="tab-8">
                        创建时间
                    </th>
                    <th class="tab-8">
                        结算时间
                    </th>
                    <th class="tab-10">
                        操作
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <a href="http://item.taobao.com:80/item.htm?id=575354869037" target="_blank">热熔胶枪手工制作电热溶棒胶抢万能家用胶水条小号热融胶棒7-11mm</a>
                    </td>
                    <td>
                        201706271501307974
                    </td>
                    <td>
                        ￥3.9
                    </td>
                    <td class="td-status">
                        <span style="color: #FF5722">订单付款</span>
                    </td>

                    <td>
                        无人绑定
                    </td>
                    <td>
                        无人绑定
                    </td>
                    <td>
                        2018-8-16 12:51:50
                    </td>
                    <td>
                    </td>

                    <td>
                        <div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="http://item.taobao.com:80/item.htm?id=544811714765" target="_blank">【买2送1】易加能蓝莓叶黄素酯咀嚼片缓解视疲劳成人儿童营养片</a>
                    </td>
                    <td>
                        201641897919519958
                    </td>
                    <td>
                        ￥2.94
                    </td>
                    <td class="td-status">
                        <span style="color: yellowgreen">订单付款&amp;绑定</span>
                    </td>

                    <td>

                    </td>
                    <td>
                        wxid_ni5smwwdt8kq22
                    </td>
                    <td>
                        2018-8-16 12:38:20
                    </td>
                    <td>
                    </td>

                    <td>
                        <div>
                            <a class="x-pointer" style="text-decoration:none;color: #5294e0" onclick="admin_edit('绑定详情','/back/orderdetail/info?taokeId='+'5c9a735c2a3aa76a8d507e921ffe1054','4','600','700')"
                                title="统计详情">
                                <span>查看详情</span>
                            </a>
                            <a class="x-pointer" style="text-decoration:none;color: #5294e0" onclick="order_finish('5c9a735c2a3aa76a8d507e921ffe1054')" title="强制结算">
                                <span>强制结算</span>
                            </a>

                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="http://item.taobao.com:80/item.htm?id=556174810874" target="_blank">优湃 可爱卡通A4塑料文件袋文件夹 学生文具试卷袋资料袋办公用品</a>
                    </td>
                    <td>
                        201571926334987861
                    </td>
                    <td>
                        ￥0
                    </td>
                    <td class="td-status">
                        <span class="x-hui">订单失效</span>
                    </td>

                    <td>
                        无人绑定
                    </td>
                    <td>
                        无人绑定
                    </td>
                    <td>
                        2018-8-16 12:34:11
                    </td>
                    <td>
                    </td>

                    <td>
                        <div>
                        </div>
                    </td>
                </tr>
               
            </tbody>
        </table>
        <div style=" width:800px;margin: 0 auto;position:relative;">
            <div id="test-laypage-demo2-1">
                <div class="layui-box layui-laypage layui-laypage-molv" id="layui-laypage-4">
                    <a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a>
                    <span class="layui-laypage-curr">
                        <em class="layui-laypage-em"></em>
                        <em>1</em>
                    </span>
                    <a href="javascript:;" data-page="2">2</a>
                    <a href="javascript:;" data-page="3">3</a>

                    <a href="javascript:;" data-page="4">4</a>

                    <a href="javascript:;" data-page="5">5</a>
                    <span class="layui-laypage-spr">…</span>

                    <a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">10</a>
                    <a href="javascript:;" class="layui-laypage-next" data-page="2">下一页</a>
                </div>

            </div>
            <span style="position:absolute;right:0px;top:15px">共有数据:0条</span>
        </div>
    </div>
    <script type="text/javascript" src="../../layui/layui.all.js"></script>
    <script type="text/javascript" src="../../index.js"></script>
    <script type="text/javascript" src="orderMange.js"></script>

</body>

</html>